<template>
<el-scrollbar>
<el-menu
          default-active="2"
          class="el-menu-vertical-demo"
          background-color="#545c64"
          text-color="#fff"
          active-text-color="#ffd04b"
          router
          unique-opened
          :collapse="collapse"
          :collapse-transition="false"
        >
         <navbar-item :menus="menus"></navbar-item>
        
      </el-menu>
</el-scrollbar>
          
</template>

<script>
import NavbarItem from "./Navbarltem";
export default {
    components:{
        NavbarItem
    },
    props:{
        menus:{
            type:Array,
            require:true
        },
        collapse:{
        type:Boolean,
        default:false
    }
    }
}
</script>

<style scoped>
.el-menu{
    height: 100vh;
    border-right: none;
}
</style>